Description
The Calendar panel currently shows a flat list of upcoming events sorted by time. Add a 7-day grid view as an alternative display mode (toggled with v when the panel is focused): one column per day, events listed vertically within each day column.
Layout sketch:
Mon Tue Wed Thu Fri Sat Sun
Jun 9 Jun 10 Jun 11 Jun 12 Jun 13 Jun 14 Jun 15
────── ────── ────── ────── ────── ────── ──────
9:00am All day 2:00pm
Standup Release Dentist
Implementation:
- Group
events[]from the calendar payload byevent.startdate into 7 buckets (today + 6 days) - Render as a
Horizontalof 7 equal-width columns inside the panel - All-day events appear at top of their column
- Time-specific events show time + title
vtoggles between list view (current) and week grid view- Week view default or list view default is a constant at top of file
Acceptance Criteria
- #1 v toggles between list and week-grid view in Calendar panel
- #2 Week grid shows 7 days starting from today
- #3 All-day events appear at top of their column
- #4 Timed events show time + title
- #5 Today's column is visually highlighted
- #6 Falls back to list view if fewer than 2 events in the window